Touch digital ruler

ABSTRACT

Embodiments of the present invention provide systems, methods, and computer storage media directed to a touch digital ruler. As such, a particular drawing stroke on a canvas or background can be drawn in alignment with a template irrespective of whether a touch path input by a user aligns with the template. In some implementations, a drawing stroke is aligned with a template edge when the touch digital ruler has been activated despite the location of a user&#39;s motion on a touchscreen display.

BACKGROUND

Some drawing services, such as the ADOBE LINE and ADOBE SKETCH, havebeen developed that provide mechanisms for users to generate drawings orsketches in an electronic format. Many electronic drawing servicesenable a user to generate drawing strokes in a free-form manner. Forexample, a user can move a finger or stylus over a canvas or backgroundvia a drawing application running on a touchscreen device to draw aline, curve, polygon, or any object. Drawing a straight line or a shapein a precise or symmetrical manner, however, can be difficult,particularly using an application running on a touchscreen display.

SUMMARY

Embodiments of the present invention relate to a digital ruler thatenables drawing lines or strokes in a precise manner. In this way, auser can utilize a digital ruler to draw straight lines or otherpredefined shapes on a canvas. In some implementations, a template ismanipulated to position a template edge(s) on a background such that theuser can utilize the template edge(s) to draw a straight or otherwiseprecise stroke. Upon the template being positioned in a desirablelocation, as a user applies a stroke path (e.g., touch motion on atouchscreen display), a drawing stroke is generated and presented alongthe template edge. That is, a drawing stroke is provided that alignswith or abuts the template edge even though the stroke path may beseparate or removed from the template edge (e.g., either partially orentirely). For example, when a user applies a touch motion thattraverses the touchscreen display within proximity to a template edge,but does not necessarily touch the template edge, a correspondingdrawing stroke is presented along the template edge to effectuate aprecise stroke desired by the user.

This summary is provided to introduce a selection of concepts in asimplified form that are further described below in the DetailedDescription. This summary is not intended to identify key features oressential features of the claimed subject matter, nor is it intended tobe used as an aid in determining the scope of the claimed subjectmatter.

BRIEF DESCRIPTION OF THE DRAWINGS

The present invention is described in detail below with reference to theattached drawing figures, wherein:

FIG. 1 is a block diagram of an exemplary computing environment suitablefor use in implementing embodiments of the present invention;

FIG. 2 is a block diagram of an exemplary touch digital ruler forfacilitating erasure of strokes, in accordance with embodiments of thepresent invention;

FIG. 3 is a flow diagram showing a method for facilitating performanceof touch digital ruler functionality, in accordance with embodiments ofthe present invention;

FIG. 4 is a flow diagram showing another method for facilitatingperformance of touch digital ruler functionality, in accordance withembodiments of the present invention;

FIG. 5 is a flow diagram showing a method for manipulating a template inaccordance with embodiments provided herein;

FIG. 6 is an exemplary graphical user interface illustrating a templatefor use in generating a precise drawing, in accordance with embodimentsof the present invention;

FIG. 7 is an exemplary graphical user interface illustrating anothertemplate for use in generating a precise drawing, in accordance withembodiments of the present invention;

FIG. 8 is an exemplary graphical user interface illustrating a drawingstroke aligned with a template based on a stroke path, in accordancewith embodiments of the present invention;

FIG. 9 is an exemplary graphical user interface illustrating positioningof a template to generate parallel lines, in accordance with embodimentsof the present invention;

FIG. 10 is an exemplary graphical user interface illustrating a drawingstroke aligned with a template based on a stroke path to generateparallel lines, in accordance with embodiments of the present invention;

FIG. 11 is an exemplary graphical user interface illustratingutilization of a touch digital ruler to generate a perspective drawing,in accordance with embodiments of the present invention; and

FIG. 12 is a block diagram of an exemplary computing device in whichembodiments of the invention may be employed.

DETAILED DESCRIPTION

The subject matter of the present invention is described withspecificity herein to meet statutory requirements. However, thedescription itself is not intended to limit the scope of this patent.Rather, the inventors have contemplated that the claimed subject mattermight also be embodied in other ways, to include different steps orcombinations of steps similar to the ones described in this document, inconjunction with other present or future technologies. Moreover,although the terms “step” and/or “block” may be used herein to connotedifferent elements of methods employed, the terms should not beinterpreted as implying any particular order among or between varioussteps herein disclosed unless and except when the order of individualsteps is explicitly described.

Some drawing services, such as the ADOBE LINE and ADOBE SKETCH, havebeen developed that provide mechanisms for users to generate drawings orsketches in an electronic format. Oftentimes, however, drawing strokesgenerated by a user within a drawing application do not turn out asintended by a user as the drawing stroke is not as precise as desired bythe user. For example, assume that a user wishes to draw a straightline. Although a user may move his or her finger in a generally straightline on a touchscreen display, variations in motion and/or a slant ofthe motion can result in a drawn line that is not as straight as desiredby the user. Some hardware rulers, such as the ADOBE SLIDE, have beendeveloped for use as a digital ruler to facilitate drawing straightlines or other precise shapes within drawing applications. To this end,a user can place a hardware ruler over a touchscreen display to drawstraight lines on a canvas or background. Some users, however, may nothave access to such a hardware digital ruler making it difficult tocreate precise drawing strokes.

Embodiments of the present invention are directed to facilitatingdrawing strokes with precision utilizing a touch digital ruler. In thisregard, a user can effectuate straight lines or other precise shapeswhen the touch digital ruler is activated. In accordance withimplementations described herein, the user can specify a particulartemplate to utilize for drawing a specific line or shape. A template maybe of any shape, size, or form including, for example, a line, polygon,or other predefined shape. Upon positioning the template over the canvasor background in a manner designated by the user, a drawing stroke thataligns with a template edge can be initiated by providing a touch input(e.g., using a finger or stylus) in a vicinity thereof. That is, a usercan provide a touch input or motion that is near an edge of thedesignated template (or otherwise on a touchscreen display) to draw astroke that precisely aligns with the template edge. As can beappreciated, the stroke drawn on the canvas aligns with the templateedge to generate a precise drawing stroke (e.g., a straight line)without the user being required to input a stroke path (e.g., via afinger or stylus) in such a precise manner.

By way of example, and with reference to FIG. 8, assume that aparticular template 802 is initiated via a touch digital ruler. Furtherassume that a user moves a finger or stylus along a stroke path 804 thatis generally positioned near an edge 806 of the template 802. Inaccordance with embodiments of the present invention, although thestroke path 804 does not fall precisely on the template edge 806, as theuser moves his or her finger in a motion along the stroke path 804, adrawing stroke 808 aligning with or contouring the template edge 806 isgenerated. That is, the drawing stroke 808 is formed in a straight lineat a particular position even though the touch motion or stroke path maybe irregular, that is, does not precisely form a straight line.

Although the description provided herein is generally directed to atouch digital ruler within a drawing application or service, as can beappreciated, the touch digital ruler described herein could be used inassociation with other types of applications or services, such as photoediting applications, electronic documents, or the like. As such, inaddition to a drawing environment, the touch digital ruler may beimplemented in any number of environments including any non-drawingenvironment such as, for example, images, web content, text,photographs, documents, or the like.

In accordance with embodiments of the present invention, FIG. 1illustrates an exemplary computing device 100 that is utilized toimplement a touch digital ruler. The computing device 100 can be anydevice associated with a display screen 102, such as the computingdevice 1200 of FIG. 12. The display screen 102 is a screen or monitorthat can visually present, display, or output information, such as, forexample, drawings, sketches, images, text, figures, values, symbols,videos, video clips, movies, photographs, lists, data sets, webpages,emails, text messages, notifications, or any other content. In someembodiments, the computing device 100 is a portable or mobile device,such as a mobile phone, a personal digital assistant (PDA), a videoplayer, a laptop, or any other portable device associated with a displayscreen. In some implementations, the computing device 100, such as aportable device, includes the display screen 102. That is, a displayscreen is integrated or coupled with the portable device. In otherimplementations, a display screen is remote from, but in communicationwith, the computing device.

The display screen 102 may be a touchscreen display, in accordance withembodiments described herein. A touchscreen display enables detection oflocation of touches or contact within a display area. In this regard, atouchscreen display refers to a display screen to which a user canprovide input or interact therewith by making physical contact or nearcontact with the display screen. An illustrative example includes a userutilizing his or her finger to tap or move, or use some other form oftouch action, to interact with a user device. Other items, such as astylus, fingernail, etc., may be used to provide input to the device byway of touchscreen display. As such, a touchscreen display can be usedas an input component irrespective of whether a keyboard or mouse isused as an input component for interacting with displayed content.Touchscreen displays can be implemented using any of a variety oftouchscreen technologies. By way of example, and not limitation, atouchscreen display might be based on various touchscreen technologiessuch as resistive, surface-acoustic wave, capacitive, infrared, opticalimaging, dispersive signal technology, acoustic pulse recognition, andother technologies known in the art.

As shown in FIG. 1, the exemplary computing device 100 includes a touchsensor(s) 104. A touch sensor(s) 104 may be any touch sensor(s) thatdetects contact or touch of an object with the touchscreen display 102of the computing device 100. Such an object may be, for example, a userdigit (e.g., a finger), a stylus, or another component that contacts atouchscreen display. A touch sensor(s) 104 may be any sensor suitable todetect an indication of touch, such as, for example, a capacitive sensoror a resistive sensor. As can be appreciated, any number of touchsensors may be utilized to detect contact with a touchscreen display.

In operation, a touch sensor detects contact of an object with at leasta portion of a touchscreen display 102 of the computing device 100. Atouch sensor may generate a signal based on contact with at least aportion of the touchscreen display 102 associated with the computingdevice 100. The signal generated by the touch sensor(s) may becommunicated (e.g., directly or indirectly) to the touch digital ruler106, or other component, such that the touch digital ruler 106 canfacilitate drawing a precise stroke or set of strokes.

In one embodiment, the touch sensor(s) 104 may be calibrated to generatea signal or communicate the signal upon exceeding a certain thresholdgenerally accepted as being representative of sufficient contact. Forexample, in an instance when a touch sensor(s) 104 measures a certainthreshold temperature or conductivity, the touch sensor(s) 104 maygenerate a signal and communicate the signal to the touch digital ruler106. On the other hand, when the touch sensor(s) 104 does not measurethe certain threshold temperature or conductivity, the touch sensor(s)104 may fail to generate the signal or communicate the signal to thetouch digital ruler 106. The touch sensor(s) 104 may be configured togenerate signals based on direct human touch or touch using anotherobject (e.g., a stylus, etc.). As can be appreciated, the sensitivity ofthe touch sensor(s) 104 implemented into the device 100 can affect whencontact is registered or detected.

As described, the touch sensor(s) 104 transmits signals to the touchdigital ruler 106 to indicate contact with the touchscreen display 102.The touch digital ruler 106 is generally configured to facilitategenerating a precise drawing stroke or set of strokes. As such, uponreferencing signals indicating a touch event or gesture in connectionwith the touchscreen display 102, the touch digital ruler 106 canutilize such data to identify a manner in which to draw one or moredrawing strokes and, thereafter, initiate drawing of the appropriatestroke(s). In some cases, the touch digital ruler 106 is part of anapplication that performs the drawing functionality. For example, thetouch digital ruler 106 might perform drawing functionality withindrawing and/or editing software. In other cases, the touch digital ruler106 might be distinct from an application that performs the drawingfunctionality. In this regard, the touch digital ruler 106 mightidentify a manner in which to draw one or more strokes and, thereafter,communicate with an application that subsequently performs the drawingfunctionality. Irrespective of whether the touch digital ruler 106 oranother component performs the stroke drawing, a user of the computingdevice 100 can view the drawing, and strokes performed in accordancetherewith, via the touchscreen display 102.

Although the computing device 100 of FIG. 1 is described as a having atouchscreen display, as can be appreciated, computing devices without atouchscreen display are contemplated as within the scope of embodimentsdescribed herein. In this regard, a point(s) selected via a mouse orother selecting device can be detected and used in accordance herewithto initiate drawing a stroke(s) in a precise manner. As another example,an air gesture can be detected and used in accordance herewith toinitiate drawing a stroke(s) in a precise manner.

Turning now to FIG. 2, a block diagram is provided illustrating anexemplary touch digital ruler 200 in which some embodiments of thepresent invention may be employed. The touch digital ruler 200 isgenerally configured to enabling precise drawing of a stroke(s) on acanvas or background using a touch input or motion. As described in moredetail below, in one implementation, placement of a stroke aligns withor contours an edge of a template positioned on the canvas. In thisregard, the touch digital ruler 200 can be used to position a templateon the background in a location at which a user desires to draw aprecise stroke and, thereafter, initiate a stroke drawing via a touchinput proximate to the template.

A template refers to any line or shape that can be used to draw a strokeover a background or canvas. In this way, a template is presented thatcan be “traced” by a user to result in a precise or predetermined lineor shape. A template can take on any shape, size, or form, such as, forexample, a rotation or circular pattern, a straight line pattern, apolygonal shape, a pattern form, or any shape or object. Generally, atemplate is formed from one or more template edges, which may also be ofany shape, size, or form. For instance, a template edge might be astraight, curved, zig-zag, patterned, or the like.

Generally, a user indicates or initiates a stroke path in associationwith a template in some manner. For instance, a user may contact afinger on a touchscreen and move the finger in proximity to a templateedge to generate a drawing stroke that aligns with the template edge. Asanother example, a user might move a selector in proximity to a templateedge via a mouse to generate a stroke that aligns with the templateedge. A stroke or drawing stroke can presented on a background havingany width, length, color, pattern, etc. A background or canvas refers toa background view that can have content (e.g., strokes) presented overthe background. As can be appreciated, the background or canvas can beof any size, shape, color, pattern, image, etc. By way of example, auser may select a background, such as a patterned background. Uponselecting a background, a user may initiate various strokes inassociation with a touch digital ruler to overlay the background in aprecise manner.

As shown in FIG. 2, the touch digital ruler 200 includes a digital-rulerinitiator 202, a template positioner 204, and a stroke applicator 206.It should be understood that this and other arrangements describedherein are set forth only as examples. Other arrangements and elements(e.g., machines, interfaces, functions, orders, groupings of functions,etc.) can be used in addition to or instead of those shown, and someelements may be omitted altogether. Further, many of the elementsdescribed herein are functional entities that may be implemented asdiscrete or distributed components or in conjunction with othercomponents, and in any suitable combination and location. Variousfunctions described herein as being performed by one or more entitiesmay be carried out by hardware, firmware, and/or software. For instance,various functions may be carried out by a processor executinginstructions stored in memory.

The digital-ruler initiator 202 is configured to initiate a touchdigital ruler. As such, the digital-ruler initiator 202 permitsapplication of a touch digital ruler. As previously described, the touchdigital ruler is generally configured to enable a digital ruler that isused to draw precise strokes in accordance with a selected template on acanvas or background using a touch input.

In some embodiments, the digital-ruler initiator 202 enables applicationof the touch digital ruler upon detecting a user indication to apply thedigital ruler. A user might provide such an indication in any manner.For example, a user may select a “digital ruler” or “touch digitalruler” icon or setting (e.g., in the navigation bar) to initiate thetouch digital ruler. Accordingly, the digital-ruler initiator 202 mightdetect an indication to apply a digital ruler and, in response thereto,enable the utilization of the touch digital ruler. As can beappreciated, in some cases, a touch digital ruler may be implemented inaddition or in the alternative to a separate hardware digital ruler,such as ADOBE SLIDE.

In other embodiments, the digital-ruler initiator 202 might enable thetouch digital ruler functionality automatically. For example, inaccordance with a default setting or initiation of an applicationincluding the touch digital ruler, the digital-ruler initiator 202 mayautomatically permit application of the touch digital ruler.

Upon initiating the touch digital ruler, a template can be used to drawa stroke in a precise manner. The template positioner 204 is configuredto position a template on a canvas or background for use in generating aprecise drawing stroke. A template can be positioned on a canvasaccording to a preferential or desired placement of a user. A templatecan be any template that can be used to draw a stroke over a backgroundor canvas. That is, a template can be “traced” to generate a precisestroke. As previously described, a template can take on any shape, size,or form, such as, for example, a rotation or circular pattern, astraight line pattern, a polygonal shape, a pattern form, an object, orthe like. In some cases, a template can take on the form of an image oritem such that it represents a particular object or item as opposed to ageneric shape or form. For instance, a template may represent a chair, aperson, a car, or any other object or set of objects. One exemplary formof a template can take on the shape of a conventional ruler. That is, atemplate may be illustrated as two parallel lines with a particulardistance between the parallel lines (e.g., one inch), as illustrated inFIG. 7, for example.

In some embodiments, a particular template to utilize for drawing astroke(s) can be selected by a user. Such a template selection may bemade in any manner. For instance, a user may select an icon orrepresentation of a particular template desired for use by touching thecorresponding icon or representation. In some cases, a user may rotatethrough a set of templates by touching or contacting (e.g., tapping) atouch point on a touchscreen display. For example, and with reference toFIG. 6, a user may select a first touch point 604 to rotate through aset of available templates and select a second touch point 606 to rotatein the opposite direction through the set of available templates.Generally, a touch point refers to a representation presented on adisplay screen that is used to control or manipulate a template in somemanner. In embodiments, a touch point is presented on a display screenand indicates a location at which contact is currently made or was madeprior to removing an object (e.g., finger or stylus) from thetouchscreen display. For example, a touch point may be positioned at alocation at which a user's finger is currently placed or was placedprior to removing the finger from the touchscreen display. A touch pointmay be represented in any manner, such as, for example, a shape, a ring,an object, an icon, a symbol, a color, etc.

Upon identifying a particular template to use, the specific templatethat the user wishes to utilize may be selected in any manner, such as,for instance, a double tap on the template or touch point, a hover ortap-and-hold on the template or touch point, or the like. Utilizingtouch points to view and/or select a template is only one implementationcontemplated by the inventors and embodiments described herein are notlimited hereto.

In some cases, a default template may be automatically selected fordisplay. Such a default template may be the only available template foruse or may be the initial template displayed to the user. In the lattercase, the user may then select an alternative template to replace theinitially presented default template. For instance, a templaterepresenting a traditional ruler may be initially displayed. Upondisplay of the initial ruler, the user may select to change the specifictemplate used, for example, to a circular shape, rectangular shape,triangular shape, or the like. As described above, such a templateselection may be made via a user contacting a touch point(s).

The template positioner 204 is configured to position a template over acanvas. The template positioner 204 can position a template in anynumber of ways based on user interactions with a template, a touchpoint, and/or a touchscreen. In this regard, the template positioner 204can translate, rotate, scale, and/or transform a template in accordancewith user indications. Accordingly, a user can position a templateaccording to his or her preferences on a canvas. Such manipulations to atemplate can be performed in any number of manners, and the examplesprovided herein are merely exemplary in nature.

As will be described in more detail below, in some embodiments, atemplate, or portion thereof, can be manipulated using one or more touchpoints in association with an application. That is, a touch point or setof touch points can be used to specifically position a template, ortemplate edges. Any number of touch points can be used, but variousembodiments of the invention are generally described herein using twotouch points.

A template may be translated on the display based on a touch motion orinput to align a template as desired. In this regard, a template may bemoved up, down, and/or to the side by moving a finger or other objectpositioned over a template in a desired direction. As can beappreciated, such a translation may occur when contact is made, forinstance, with a touch point, with multiple touch points, with anyportion of a template, with a particular area of a template, or thelike. In an embodiment using dual touch points, movement of a fingerpositioned over a single touch point may be used to effectuatetranslation of the template. Use of a single touch point to translate atemplate may be used to constrain rotation of the template and therebymaintain a parallel template upon movement of the template. In effect,when a user only contacts a single touch point, the parallel axisremains intact as the template is moved in various directions. Otherimplementations to translate a template may additionally oralternatively be used, such as, for instance, manipulation of multipletouch points.

A template may also be rotated to align the template as desired by theuser. In this regard, a template may be rotated any number of degrees bymoving a finger(s) or other object positioned over a template in adesired rotation or direction. As can be appreciated, such a rotationmay occur when contact is made, for instance, with a touch point, withmultiple touch points, with any portion of a template, with a particulararea of a template, or the like. In an embodiment using dual touchpoints, movement of fingers positioned over both touch points in arotational manner may be used to effectuate rotation of the template.Use of two touch points to rotate the template may be used todistinguish from translation of the template using one touch point.Other implementations to rotate a template may additionally oralternatively be used, such as, for instance, manipulation of a singletouch point.

The template may also be scaled or sized as needed by the user. In thisregard, a template may be increased or decreased in size by moving afinger(s) or other object positioned over a template in a particularmanner. As can be appreciated, such a scaling may occur when contact ismade, for instance, with a touch point, with multiple touch points, withany portion of a template, with a particular area of a template, or thelike. In an embodiment using dual touch points, movement of fingerspositioned over both touch points or positioned over the template may beused to effectuate scaling of the template by moving the fingers closertogether or further apart to decrease or increase the size of thetemplate, respectively. Other implementations to scale a template mayadditionally or alternatively be used, such as, for instance,manipulation of a single touch point.

As can be appreciated, in some cases, a template may be desired to betransformed or skewed. For example, a user may desire to transform anequilateral triangle template to an isosceles triangle template. In sucha case, the user may wish to transform one or more edges of the templateto generate the desired triangle. Transformation may occur in any numberof manners including, use of one touch point or two touch points orcontact with template. In some cases, a user may select a template edgefor a predetermined or threshold amount of time and, upon exceeding athreshold time, manipulate the edge to the appropriate size, position,etc. For instance, upon contacting a template edge for two seconds, thetemplate edge may turn a color (e.g., blue) indicating the template edgemay be manipulated to transform the template, or portion thereof.

Alignment guides may also be used to more precisely draw one or morestrokes. Alignment guides facilitate connecting end points or otherpoints (e.g., a mid-point) such that two lines can intersectappropriately. For example, alignment guides may be presented when twolines are approximately 90 degrees or 45 degrees relative to oneanother. That is, when a user moves a template to a location in which atleast a portion of the template is near an intersection with aparticular aspect of a drawing stroke, such as an end point, thetemplate may automatically move or “snap” to the particular aspect(e.g., end point) of the drawing stroke such that the template edgeconnects or intersects to the drawing stroke. In some cases, alignmentguides are presented in association with a previous stroke and/or thetemplate to visually represent an intersection (e.g., a 90 degree anglebetween a template edge and a previous drawing stroke).

Generally, to manipulate an electronic template based on userinteractions, the template positioner 204 can be configured to detectuser interactions in association with a template, touch point(s), and/orthe touchscreen. Such user interactions may be referred to herein astemplate interactions, that is, motion or interaction that is applied toor associated with a template. Accordingly, the template positioner 204may identify a template interaction, or portion thereof. That is, thetemplate positioner 204, or other component in communication therewith,may detect at least a portion of a template interaction, for example, inaccordance with a touch motion and/or contact with one or more touchpoints via a touchscreen. A template interaction refers to any path,motion, or interaction designated for manipulating a template, or aportion thereof. A template interaction can take on any shape, pattern,direction, or form as described above (e.g., touch point and/or motion).

Various contact data might be used to detect a template interaction. Forexample, a position indicator refers to an indication of a position,location, or area of a template interaction, or portion thereof (e.g.,contact with a touchscreen display). Accordingly, a position indicatormight be a pixel(s) contacted, an x and/or y coordinate associated witha point(s) of contact (e.g., an x and/or y coordinate of a pixel thatcorresponds with a contacted area of a touch display screen), or thelike. Additional or alternative data may be used in detecting a templateinteraction. For example, a direction indicator refers to a direction ofa template interaction. A velocity indicator refers to a velocity inwhich a template interaction is performed. An acceleration indicatorrefers to an acceleration of a template interaction. A magnitudeindicator refers to a magnitude, distance, extent, displacement, ordegree of a template interaction. A template interaction can be providedin any number formats including a touch gesture indicated through atouch interface, an air gesture indicated by a user made in space, or amouse gesture indicated through a selector or cursor, or the like.

The template positioner 204 might receive, retrieve, or access signalsfrom one or more touch sensors indicating touch. In embodiments, contactdata might be raw data generated by one or more touch sensors, such astouch sensor(s) 104 associated with touchscreen display 102 of FIG. 1.Alternatively or additionally, contact data may be derived, calculated,identified, or determined, for example, based on raw data generated bytouch sensors. That is, signals generated from touch sensors may beprocessed to identify contact data. By way of example only, signalsreceived by the template positioner 204, or another component, can beprocessed to determine x and/or y coordinates identifying locations thatcorrespond with an area of a touchscreen display contacted by an object.Any algorithm and/or lookup technique can be utilized to normalize,determine, calculate, identify, and/or derive various types of contactdata.

Upon detecting a user interaction(s) or template interaction, thetemplate positioner 204 can identify a particular manner in which tomanipulate a template. That is, based on a template interactiondetected, the template positioner 204 can determine or identify a mannerin which to manipulate the template. By way of example only, thetemplate positioner 204 can identify a template manipulation inaccordance with a type of motion, a motion direction, a motion velocity,a motion acceleration, etc. In implementations using touch points, thetemplate positioner 204 can identify a manner in which to manipulate thetemplate in accordance with the number of touch points contacted or aspecific touch point(s) contacted. As described above, a templatemanipulation (e.g., translation, rotation, scale, alignment,transformation) to apply based on a user interaction may be configuredin any number of ways and is not limited to any example provided herein.Such a determination may be made using a lookup system, a set of rules,an algorithm, or any other methodology or combination of methods todetermine template manipulation based on the template interactionsprovided by a user.

By way of example only, the template positioner 204 might recognize andapply a template translation when a user contacts a touch point whilesimultaneously sliding a finger contacting the touch point or contactingthe template, a rotational translation when a user contacts two touchpoints while simultaneously moving a finger contacting the touch pointsor contacting the template, a template scaling when a user contacts atemplate with two fingers and slides the fingers closer together orfurther apart, and a template transformation when a user contacts atemplate, or portion thereof, for a particular length of time and thencontacts the template or template edge to transform the template. As canbe appreciated, each of these template manipulations can bedistinguished by the template positioner 204 from a simple motion of asingle finger that is used to initiate drawing a stroke.

The stroke applicator 206 is configured to initiate and/or performdrawing functionality. In embodiments, the stroke applicator 206initiates and/or draws a stroke in accordance with a touch inputprovided via a touchscreen display. In accordance with implementationsdescribed herein, a stroke(s) can be drawn on the canvas to align with atemplate edge that is positioned in accordance with a user's preference.As a result, a stroke is drawn in a precise manner, such as a straightline. Such a stroke or drawing stroke refers to the actual line ordrawing representation this is presented on the background or canvas.

Initially, the stroke applicator 206 may identify the stroke path, orportion thereof. That is, the stroke applicator 206, or other componentin communication therewith, may detect at least a portion of a strokepath being traversed, for example, in accordance with a touch motion orcontact with a touchscreen. A stroke path refers to any path designatedfor drawing at least a portion of content (e.g., a drawing or sketch). Astroke path can take on any shape, pattern, or form such as, forexample, a rotation or circular pattern, a line pattern, a polygonalshape, a free-form shape, or the like.

Various contact data might be used to detect a stroke path. For example,a position indicator refers to an indication of a position, location, orarea of a stroke path, or portion thereof (e.g., contact with atouchscreen display). Accordingly, a position indicator might be apixel(s) contacted, an x and/or y coordinate associated with a point(s)of contact (e.g., an x and/or y coordinate of a pixel that correspondswith a contacted area of a touch display screen), or the like.Additional or alternative data may be used in detecting a stroke path.For example, a direction indicator refers to a direction of a strokepath. A velocity indicator refers to a velocity in which a stroke pathis performed. An acceleration indicator refers to an acceleration of astroke path. A magnitude indicator refers to a magnitude, distance,extent, displacement, or degree of a stroke path. A stroke path can beprovided in any number formats including a touch gesture indicatedthrough a touch interface, an air gesture indicated by a user made inspace, or a mouse gesture indicated through a selector or cursor, or thelike.

The stroke applicator 206 might receive, retrieve, or access signalsfrom one or more touch sensors indicating touch. In embodiments, contactdata might be raw data generated by one or more touch sensors, such astouch sensor(s) 104 associated with touchscreen display 102 of FIG. 1.Alternatively or additionally, contact data may be derived, calculated,identified, or determined, for example, based on raw data generated bytouch sensors. That is, signals generated from touch sensors may beprocessed to identify contact data. By way of example only, signalsreceived by the stroke applicator 206, or another component, can beprocessed to determine x and/or y coordinates identifying locations thatcorrespond with an area of a touchscreen display contacted by an object.Any algorithm and/or lookup technique can be utilized to normalize,determine, calculate, identify, and/or derive various types of contactdata.

Upon detecting a stroke path, or portion thereof (e.g., initial contactpoint for a stroke), a determination may be made as to whether to drawthe stroke in association with a template edge. Any number oftechnologies may be used to distinguish between a stroke to align withthe template edge and a stroke to be drawn in a free-form manner. Insome implementations, the stroke applicator 206 may initiate and/or drawa stroke in association with a template automatically. For example, insome cases, a stroke may be automatically drawn in alignment with atemplate edge when the touch digital ruler is indicated as activated,when the template is presented on the display screen, or the like.

In some implementations, the proximity or distance between the strokepath and a template edge can be used to determine whether the drawingstroke should be drawn in accordance with the particular template edge.For instance, a stroke path within a predetermined distance or proximityfrom a template edge may be deemed to correspond or overlap with thetemplate edge such that the drawing stroke contours the template edge.By way of example, and not limitation, a template edge being within apredetermined proximity of pixels or coordinates associated with astroke path, or portion thereof, can be deemed as an indication to drawa stroke that aligns with the template edge. To the extent the strokepath is deemed to correspond, overlap, or coincide with the templateedge, the stroke is drawn along the template edge as the stroke path istraversed.

In yet another implementation, a stroke path detected within or touchingthe boundaries of a template may be deemed to be a stroke path intendedto draw a stroke that aligns with the template edge, while a stroke pathdetected outside the boundaries of the template may be deemed to be afree-form stroke path that does not automatically align with thetemplate edge. In this manner, a drawing mode is detected based on alocation or position selected or at which a stroke path exists. In thisregard, whether or not a stroke is drawn to contour a template edge canbe triggered based on a location or position selected or at which astroke path traverses. In such embodiments, when a location or positionat which a stroke path traverses corresponds or aligns with a templateor template edge, a stroke is drawn that aligns with template edge. Ineffect, by selecting or providing contact within a template, the user isdesignating a drawing stroke to align with the template regardless ofthe path of the stroke input by the user. In contrast, when a locationor position at which a stroke path is traversed does not correspond,align, or overlay a template, or otherwise indicate a desire to align astroke with a template edge, a free-form stroke may be detected andapplied. Stated differently, when a selection or a stroke path exists ata location that does not align with any template or template edge, afree-form stroke can be applied. In this regard, the drawing strokealigns with the actual stroke path and not a template or template edge.

As can be appreciated, selection or an indication of a stroke to alignwith a template edge may be provided in any manner. For instance, a usermay contact a touchscreen at a location of a template, click on atemplate or template edge using a pointer or selector, begin a strokepath within one or more template boundaries, begin or perform a strokepath within a predetermined vicinity of a template or template edge,etc. Selection to align a stroke with a template edge may be discretefrom performance of a stroke path or continuous with providing a strokepath. That is, a user may provide a single contact with a template toindicate a desire to utilize a template edge to generate a drawingstroke, remove his or her finger from the touchscreen display, and thenbegin a touch motion to designate a stroke path, for example.Alternatively, a user may provide an initial contact with a templateedge to select the template edge to which to align and, thereafter,continue performance of the stroke path to draw the stroke withoutremoving his or her finger until completing the stroke path.

Other methods can be used to detect or determine whether to align adrawing stroke with a template edge. For example, use of a template maybe selected by a user for application. In such an example, a user mayselect, for instance, an icon indicating a desire to use a template edgeto draw a line. Upon selecting such an icon, any stroke paths or anystroke paths within a proximity of a template edge can be drawn to alignwith the template edge.

In accordance with determining to draw a stroke that aligns with atemplate edge, the stroke can be drawn and presented on the displayscreen as the user moves an object (e.g., finger) along the touchscreendisplay, for example. That is, while a user moves a finger in a motionalong a stroke path, a stroke can be drawn in a coordinated manneralongside the edge of a template as though the template is being“traced.” The stroke can be drawn in a one-to-one correspondence (or anyother scale or ratio) as the motion input by the user. In some cases,the specific template edge at which to draw the stroke may also beidentified. Such an identification can be made in any manner, forexample, including selecting a template edge that is closest or nearestthe stroke path or initial contact of the stroke path.

As previously described, the stroke applicator 206 may perform thestroke drawing or initiate drawing, for example, by providing strokedetails to another component that, thereafter, performs the strokedrawing. Irrespective of the component used to draw the stroke, thestroke can be formatted in any number of ways. By way of example only, astroke can be formatted in various colors, various widths, variouspatterns, and/or the like. As can be appreciated, such formats may bedefault formats, system determined formats, or user selected formats.

Turning now to FIG. 3, a flow diagram is provided that illustrates amethod 300 for facilitating performance of touch digital rulerfunctionality, in accordance with embodiments of the present invention.Initially, as shown at block 302, a template is selected for use indrawing precise strokes. A template may be selected by a user from amonga plurality of templates. At block 304, the template is positioned on abackground. In this regard, the template might be positioned on abackground in accordance with preferences indicated by a user. Forexample, a user may manipulate positioning of the template using touchinputs that are detected. At block 306, it is identified that a strokeis to be drawn in alignment with, abut, or be alongside or over atemplate edge. Such an identification can be made in any manner. Forinstance, an identification to draw a line alongside a template edge maybe based on activation of a touch digital ruler, presentation of atemplate, or a user selection or initiation of a stroke path beingwithin a predetermined proximity of the template or template edge.Thereafter, at block 308, a stroke is drawn that aligns with the edge ofthe template. Such an alignment with the edge of the template occursdespite the preciseness of the stroke path. That is, a user may apply astroke path that is near, but not touching, the template edge and/orthat is not straight. The stroke, however, can be drawn to align withthe edge of the template such that it appears in a precise manner (e.g.,a straight line).

Turning now to FIG. 4, a flow diagram is provided that illustratesanother method 400 for facilitating performance of touch digital rulerfunctionality, according to embodiments provided herein. Initially, atblock 402, it is determined whether a stroke is to be drawn to alignwith a template edge. In some cases, such a determination can be madebased on whether a touch digital ruler is activated, whether a templateis selected for use, etc. In other cases, such a determination can bebased on whether a stroke path, or initial contact point of a strokepath, is within a predetermined vicinity of a template or template edge.If it is determined that a stroke is to be drawn to align with atemplate edge, a stroke is drawn alongside an edge of the template as astroke path is traversed, as indicated at block 404. In this regard, astroke being drawn contours the edge of the template in a precisemanner. On the other hand, if it is determined that a stroke is not tobe drawn to align with a template edge, a stroke is drawn that followsthe stroke path, as indicated at block 406. As such, the stroke beingdrawn aligns with the motion of the user and does not follow the edge ofthe template.

With reference now to FIG. 5, a flow diagram is provided thatillustrates a method 500 for manipulating a template in accordance withembodiments provided herein. Initially, as indicated at block 502, anindication to utilize a touch input ruler is detected. At block 504, adefault template is presented on the background. At block 506, a touchinput in association with one or more touch points is detected. In thisregard, a touch input might be selection, contact, or “tapping” of atouch point or multiple touch points. Alternatively or additionally, atouch input might include movement of one or more touch points in somemanner. For example, one or more touch points might be moved or rotated.Thereafter, at block 508, a manipulation to apply to the template isdetermined based on the touch input detected. By way of example, andwithout limitation, in some cases, a tapping of a touch point mightchange a template being presented or initiate a template selection (fromamong multiple templates). As another example, movement of a singletouch point might trigger translation of the template, while movement oftwo touch points might trigger rotation of the template. In yet anotherexample, movement of the two touch points away from one another mighttrigger increasing the size of the template while movement of the twotouch points toward one another might trigger decreasing the size of thetemplate. The determined manipulation is then applied to the template tofacilitate selection of a template or positioning of a template, asindicated at block 510.

Turning now to FIGS. 6-11, FIGS. 6-11 provide exemplary user interfacesin accordance with implementing various embodiments described herein.These are only examples and are not intended to limit the scope ofembodiments of the present invention. With initial reference to FIG. 6,FIG. 6 provides an example of a template 602 presented on a displayscreen. In FIG. 6, the template 602 represents an image, namely, achair. A user may select the template 602 from among a number oftemplates by contacting or selecting one or both of touch points 604 or606. For example, a user may rotate through possible templates byselecting touch point 604. The touch points 604 and 606 can also be usedto position the template 602 on the background as desired by the user.Upon positioning the template 602 appropriately, the template can beused to draw strokes that align with the edges of template, as generallydescribed above. In some cases, strokes that align with the template canbe generated in accordance with stroke paths provided by the user. Inother cases, strokes that align with the template can be generated by“stamping” the template on the background. Such a “stamping” action canbe initiated in any manner, such as, for instance, double-tapping thetemplate or a touch point

Turning now to FIGS. 7-10, FIGS. 7-10 illustrate drawing precise linesusing a template. Initially, a user may select to initiate a touchdigital ruler by selecting icon 702. Upon selecting icon 702, a template704 is presented that enables a user to generate precise drawingstrokes. Touch point 706 and touch point 708 can be utilized, eitheralone or in combination, to position the template 704 on the background710 according to the user's preferences.

Assume now that a user desires to draw a straight line using a template.As such, as illustrated in FIG. 8, a user may touch a touchscreendisplay along a stroke path 804. In accordance with the touch digitalruler being activated or the stroke path 804 being in proximity to theedge 806 of the template 802, a stroke 808 is drawn alongside thetemplate edge 806 corresponding with the stroke path 804.

To draw a stroke parallel to stroke 808 of FIG. 8, the user can contacta touch point, such as touch point 902 of FIG. 9. Upon contacting thetouch point 902, the user can slide his or her finger along a templatepath 904 to move the template 906 in a parallel manner. Upon positioningthe template 906 in an appropriate place to draw a parallel stroke, theuser can touch a touchscreen display along a stroke path 1002 of FIG.10. In accordance with the touch digital ruler being activated or thestroke path 1002 being in proximity to the edge 1004 of the template1006, a stroke 1008 is drawn alongside the template edge 1004corresponding with the stroke path 1002.

With reference now to FIG. 11, a touch digital ruler is provided thatenables drawing in perspective using touch interactions. Upon an initialselection to utilize a perspective mode, the user can position avanishing point 1102 on the background 1104. Upon setting up a vanishingpoint in a perspective mode, when the touch digital ruler is invoked, aset of lines are presented that are parallel in perspective. As the usermoves one or more touch points around with a finger(s), a particularline associated with the vanishing point can be emphasized toillustrated activation of that line for use as a template. For instance,in FIG. 11, line 1106 is the presently selected line for use as atemplate based on the motion of the touch points 1108 and 1110. Withline 1106 selected for use as a template, a user may input a stroke pathnear the line 1106 to generate a drawing stroke 1114 that aligns withthe line template 1106. The user may switch to another vanishing pointusing a toggle button 1112, for example.

Having briefly described an overview of embodiments of the presentinvention, an exemplary operating environment in which embodiments ofthe present invention may be implemented is described below in order toprovide a general context for various aspects of the present invention.Referring initially to FIG. 12 in particular, an exemplary operatingenvironment for implementing embodiments of the present invention isshown and designated generally as computing device 1200. Computingdevice 1200 is but one example of a suitable computing environment andis not intended to suggest any limitation as to the scope of use orfunctionality of the invention. Neither should the computing device 1200be interpreted as having any dependency or requirement relating to anyone or combination of components illustrated.

The invention may be described in the general context of computer codeor machine-useable instructions, including computer-executableinstructions such as program modules, being executed by a computer orother machine, such as a personal data assistant or other handhelddevice. Generally, program modules including routines, programs,objects, components, data structures, etc., refer to code that performparticular tasks or implement particular abstract data types. Theinvention may be practiced in a variety of system configurations,including hand-held devices, consumer electronics, general-purposecomputers, more specialty computing devices, etc. The invention may alsobe practiced in distributed computing environments where tasks areperformed by remote-processing devices that are linked through acommunications network.

With reference to FIG. 12, computing device 1200 includes a bus 1210that directly or indirectly couples the following devices: memory 1212,one or more processors 1214, one or more presentation components 1216,input/output (I/O) ports 1218, input/output components 1220, and anillustrative power supply 1222. Bus 1210 represents what may be one ormore busses (such as an address bus, data bus, or combination thereof).Although the various blocks of FIG. 12 are shown with lines for the sakeof clarity, in reality, delineating various components is not so clear,and metaphorically, the lines would more accurately be grey and fuzzy.For example, one may consider a presentation component such as a displaydevice to be an I/O component. Also, processors have memory. Theinventor recognizes that such is the nature of the art, and reiteratesthat the diagram of FIG. 12 is merely illustrative of an exemplarycomputing device that can be used in connection with one or moreembodiments of the present invention. Distinction is not made betweensuch categories as “workstation,” “server,” “laptop,” “hand-helddevice,” etc., as all are contemplated within the scope of FIG. 12 andreference to “computing device.”

Computing device 1200 typically includes a variety of computer-readablemedia. Computer-readable media can be any available media that can beaccessed by computing device 1200 and includes both volatile andnonvolatile media, and removable and non-removable media. By way ofexample, and not limitation, computer-readable media may comprisecomputer storage media and communication media. Computer storage mediaincludes both volatile and nonvolatile, removable and non-removablemedia implemented in any method or technology for storage of informationsuch as computer-readable instructions, data structures, program modulesor other data. Computer storage media includes, but is not limited to,RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM,digital versatile disks (DVD) or other optical disk storage, magneticcassettes, magnetic tape, magnetic disk storage or other magneticstorage devices, or any other medium which can be used to store thedesired information and which can be accessed by computing device 1200.Computer storage media does not comprise signals per se. Communicationmedia typically embodies computer-readable instructions, datastructures, program modules or other data in a modulated data signalsuch as a carrier wave or other transport mechanism and includes anyinformation delivery media. The term “modulated data signal” means asignal that has one or more of its characteristics set or changed insuch a manner as to encode information in the signal. By way of example,and not limitation, communication media includes wired media such as awired network or direct-wired connection, and wireless media such asacoustic, RF, infrared and other wireless media. Combinations of any ofthe above should also be included within the scope of computer-readablemedia.

Memory 1212 includes computer-storage media in the form of volatileand/or nonvolatile memory. The memory may be removable, non-removable,or a combination thereof. Exemplary hardware devices include solid-statememory, hard drives, optical-disc drives, etc. Computing device 1200includes one or more processors that read data from various entitiessuch as memory 1212 or I/O components 1220. Presentation component(s)1216 present data indications to a user or other device. Exemplarypresentation components include a display device, speaker, printingcomponent, vibrating component, etc.

I/O ports 1218 allow computing device 1200 to be logically coupled toother devices including I/O components 1220, some of which may be builtin. Illustrative components include a microphone, joystick, game pad,satellite dish, scanner, printer, wireless device, etc. The I/Ocomponents 1220 may provide a natural user interface (NUI) thatprocesses air gestures, voice, or other physiological inputs generatedby a user. In some instances, inputs may be transmitted to anappropriate network element for further processing. An NUI may implementany combination of speech recognition, stylus recognition, facialrecognition, biometric recognition, gesture recognition both on screenand adjacent to the screen, air gestures, head and eye tracking, andtouch recognition (as described in more detail below) associated with adisplay of the computing device 1200. The computing device 1200 may beequipped with depth cameras, such as stereoscopic camera systems,infrared camera systems, RGB camera systems, touchscreen technology, andcombinations of these, for gesture detection and recognition.Additionally, the computing device 1200 may be equipped withaccelerometers or gyroscopes that enable detection of motion. The outputof the accelerometers or gyroscopes may be provided to the display ofthe computing device 1200 to render immersive augmented reality orvirtual reality.

As can be understood, embodiments of the present invention provide for,among other things, facilitating utilization of a touch digital ruler.The present invention has been described in relation to particularembodiments, which are intended in all respects to be illustrativerather than restrictive. Alternative embodiments will become apparent tothose of ordinary skill in the art to which the present inventionpertains without departing from its scope.

From the foregoing, it will be seen that this invention is one welladapted to attain all the ends and objects set forth above, togetherwith other advantages which are obvious and inherent to the system andmethod. It will be understood that certain features and subcombinationsare of utility and may be employed without reference to other featuresand subcombinations. This is contemplated by and is within the scope ofthe claims.

What is claimed is:
 1. One or more non-transitory computer storage mediastoring computer-useable instructions that, when used by one or morecomputing devices, cause the one or more computing devices to performoperations comprising: positioning a first electronic template presentedon a background in accordance with one or more user interactions with atouchscreen, wherein positioning the first electronic template is basedat least on a first user contact with one or more first touch pointspresented on a user interface via the touchscreen, wherein the one ormore first touch points correspond to the presented electronic template;upon a second user contact with one of the one or more first touchpoints, replacing the positioned first electronic template with a secondelectronic template that is of a different shape from the firstelectronic template; detecting a touch path that traverses at least aportion of the touchscreen; and drawing a stroke on the user interface:alongside an edge of the second electronic template based on adetermination that the touch path falls within a predetermined distanceon the touchscreen from the edge, and over the detected touch path basedon a determination that the detected touch path exceeds thepredetermined distance from the edge.
 2. The one or more non-transitorycomputer storage media of claim 1, further comprising receiving aselection to use the second electronic template as a template fordrawing precise strokes.
 3. The one or more non-transitory computerstorage media of claim 1, wherein positioning the first electronictemplate comprises translating the first electronic template inaccordance with a user interaction when a single touch point iscontacted by the user.
 4. The one or more non-transitory computerstorage media of claim 1, wherein positioning the first electronictemplate comprises rotating the first electronic template in accordancewith a user interaction when two touch points are simultaneouslycontacted by the user.
 5. The one or more non-transitory computerstorage media of claim 1 further comprising, upon replacing the firstelectronic template with the second electronic template, repositioningthe second electronic template on the background in accordance with asecond set of at least one user interaction with the touchscreen,wherein repositioning the second electronic template is based at leaston a user contact with the at least one touch point presented on theuser interface via the touchscreen.
 6. The one or more non-transitorycomputer storage media of claim 5, wherein the repositioning of thesecond electronic template is based on a determination made as towhether a single touch point is contacted by the user or two touchpoints are contacted by the user, wherein a first manipulation isperformed when a single touch point is contacted and a secondmanipulation is performed when two touch points are contacted.
 7. Theone or more non-transitory computer storage media of claim 5, whereinrepositioning the second electronic template comprises translating thesecond electronic template in accordance with a user interaction when asingle touch point is contacted by the user.
 8. The one or morenon-transitory computer storage media of claim 5, wherein repositioningthe second electronic template comprises rotating the second electronictemplate in accordance with a user interaction when two touch points aresimultaneously contacted by the user.
 9. A computer-implemented methodcomprising: positioning a first template on a screen based on detectinga first user contact with one or more first touch points; replacing thepositioned first template with a second template, based on detecting asecond user contact with one of the one or more first touch points;determining, via a computing device, that a stroke path is initiated onthe screen; identifying an edge of the second template that is nearestthe location at which the stroke path is initiated, wherein the secondtemplate is configured to facilitate a drawing of precise strokes; andautomatically drawing a line as the stroke path is detected: alongsidethe identified edge of the template based on a determination that thestroke path falls within a predetermined distance on the screen from theidentified edge, irrespective of whether the stroke path coincides withthe edge of the template, and over the stroke path based on adetermination that the stroke path exceeds the predetermined distancefrom the edge.
 10. The method of claim 9, wherein the stroke path isinitiated via a contact with a touchscreen.
 11. The method of claim 9,wherein the stroke path is recognized by a drawing application via atouchscreen.
 12. The method of claim 9 further comprising: determiningthat a second stroke path is initiated when the template is not to beused to draw precise strokes; and drawing a second line that aligns withthe second stroke path.
 13. The method of claim 9 further comprising:determining that a second stroke path is initiated at a second locationpositioned at another distance from the template configured tofacilitate the drawing of precise strokes, wherein the second locationis within a proximity of the template; identifying a second edge of thetemplate that is nearest the location at which the second stroke path isinitiated; and automatically drawing a second line over the identifiedsecond edge of the template as the second stroke path is detectedirrespective of whether the stroke path coincides with the edge of thetemplate.
 14. One or more non-transitory computer storage media storingcomputer-useable instructions that, when used by one or more computingdevices, cause the one or more computing devices to perform operationscomprising: positioning a first electronic template presented on abackground in accordance with at least one user interaction with atouchscreen, wherein positioning the first electronic template is basedat least on a user contact with at least one touch point presented on auser interface via the touchscreen, wherein the at least one touch pointcorresponds to the presented first electronic template; upon a seconduser contact with one of the at least one touch point, replacing thepositioned first electronic template with a second electronic templatethat is of a different shape from the first electronic template;detecting a touch path that traverses at least a portion of thetouchscreen; and drawing a stroke on the user interface: alongside anedge of the second electronic template based on a determination that thetouch path falls within a predetermined distance on the touchscreen fromthe edge, and over the detected touch path based on a determination thatthe detected touch path exceeds the predetermined distance from theedge.
 15. The one or more non-transitory computer storage media of claim14, wherein the first electronic template is translated based on adetermination that one of the at least one touch point presented on theuser interface is contacted and moved by a user.
 16. The one or morenon-transitory computer storage media of claim 14, wherein the firstelectronic template is rotated based on a determination that two of theat least one touch point presented on the user interface is contactedand moved by a user.
 17. The one or more non-transitory computer storagemedia of claim 14 further comprising determining the edge of the secondelectronic template from among a plurality of template edges over whichto draw the stroke.
 18. The one or more non-transitory computer storagemedia of claim 17, wherein the determination of the edge of the secondelectronic template over which to draw the stroke is based on a nearestedge to at least a portion of the touch path.
 19. The one or morenon-transitory computer storage media of claim 1, wherein drawing thestroke over the detected touch path comprises applying a free-formstroke.
 20. The one or more non-transitory computer storage media ofclaim 1, wherein drawing a stroke on the user interface comprises:drawing a portion of the stroke alongside the edge of the secondelectronic template based on a determination that a corresponding firstportion of the touch path falls within the predetermined distance on thetouchscreen from the edge, and drawing another portion of the strokeover the detected touch path based on a determination that acorresponding second portion of the detected touch path exceeds thepredetermined distance from the edge.